{layout name="layout" /}
<link rel="stylesheet" href="/static/layuiNetCompany/res/static/css/case.css"/>
<link rel="stylesheet" href="/static/layuiNetCompany/res/static/css/list.css"/>
<!-- banner部分 -->
<div class="banner">
    <div class="title">
        <p>案例展示</p>
        <p class="subhead">网站建设 / 微信开发 / UI设计 / 平面设计</p>
        <p class="en">Thoughtful loving credible powerful and courageous</p>
    </div>
</div>
<!-- main部分 -->
<div class="main-case">

    <div class="title">
        <p class="gradient">我们的案例</p>
        <p class="subhead">丰富的互联网经验，十分专业的开发团队</p>
    </div>

    <div class="list">
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
    </div>

    <div class="list">
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
    </div>

    <div class="list">
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
        <div class="card">
            <img src="/static/layuiNetCompany/res/static/image/test.png">
            <p>这是个案例</p>
            <div>案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍案例介绍</div>
        </div>
    </div>

    <div id="page" style="font-size: 48px;margin-bottom: 196px;"></div>

</div>

<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
    layui.config({
        base: '/static/layuiNetCompany/res/static/js/'
    }).use(['jquery', 'layer', 'laypage'], function () {
        let $ = layui.$
            , layer = layui.layer
            , laypage = layui.laypage;

        // let count = 1;
        // let size = 10;
        // let page = 1;
        // let show = false;
        //
        // getData();
        //
        // function getData() {
        //     $.get("/index/case/caseList?size=" + size + "&page=" + page, function (data) {
        //         //console.log(data);
        //         let html = "";
        //         count = data.count;
        //         $.each(data.data, function (index, val) {
        //
        //             html += "<div class=\"layui-inline content\">" +
        //                 "<div class=\"layui-inline case-img\"><img src=\"" + val.phy + "\"></div>" +
        //                 "<p class=\"lable\">" + val.title + "</p>" +
        //                 "<p>" + val.detail + "</p>" +
        //                 "</div>";
        //
        //         });
        //
        //         $("#caseContent").html(html);
        //
        //         if (!show) {
        //             laypage.render({
        //                 elem: 'casePage'
        //                 , count: count
        //                 , limit: size
        //                 , jump: function (obj, first) {
        //                     if (!first) {
        //                        // layer.msg('第 ' + obj.curr + ' 页');
        //                         page = obj.curr;
        //                         getData();
        //                     }
        //                 }
        //             });
        //             show = true;
        //         }
        //     });
        // }
        laypage.render({
            elem: 'page'
            , count: 100
            , theme: '#1E9FFF'
        });
    }).use('firm');
</script>
